import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import router from '@/router'
import { getToken, getTimeStamp } from '@/utils/auth'
import { config } from '@vue/test-utils'

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// 代表超时时间是一个小时(单位时间是秒)
const timeout = 3600

// 请求拦截
service.interceptors.request.use(async config => {
  // 如果有token才拦截下来加token
  if (store.getters.token) {
    // 检查token是否超过有效期,拿到获得token时的时间戳
    let timeStamp = getTimeStamp()
    // 拿到当前时间
    let current = Date.now()
    // 拿当前时间-初始时间得到毫秒除以1000转换成秒
    let time = (current - timeStamp) / 1000
    // 判断是否超时
    if (time >= timeout) {
      // token过期,就要退出登录
      await store.dispatch('user/logout')
      // 提示token过期
      Message.error('登录已超时!请重新登录')
      // 打回登录页
      router.push('/login')
      return
    }
    // 请求的信息都在config里面
    config.headers['Authorization'] = 'Bearer ' + store.getters.token
  }

  return config;

}, error => {
  return Promise.reject(error)
})


// 响应拦截
service.interceptors.response.use(response => {

  let res = response.data

  if (res.success) {

    return res

  } else {

    // 这次请求失败了，提示出失败原因
    Message.error(res.message)

    // 这句话会让代码报错
    return Promise.reject(res.message)
  }

}, error => {
  if(error.response.data.code === 10002){
    // token过期
    store.dispatch('user/logout')
    Message.error('登录已超时!请重新登录')
    // 跳转到登录页
    router.push('/login')
  }
  // 上一个项目是加在error
  // error要接口报错，没有正常返回才会进到error
  return Promise.reject(error)
})

export default service
